#hot{
  height: 100%;
  margin-bottom: 49px;
  img.hot-img{
    width: 18px;
    position: fixed;
    right: 1rem;
    top: 1rem;
    z-index: 1000;
  }
  #swipe2{
    height: 11rem;
    width: 90% ;
    margin: 0 5%;
    padding-top: 4rem;
    .swipe-item{

      width: 100%;
    }
    img{
      width: 100%;
      height: 100%;
      border-radius: 10px;
    }
  }

  .comic{
    background-color: white;
    padding: 2% 4% 0 4%;
    .comic-tit{
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      p{
        font-size: 1.1rem;
        font-weight: bold;
        white-space: nowrap;
      }
      div{
        display: flex;
        align-items: center;
        font-size: .8rem;
        color: #7c7c7c;
        .arr{
          width: 14px;
        }
      }
    }
    .comic-bar{
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      margin: 3% 0 0 0;
      box-sizing: border-box;
      div{
        /*border: 1px solid red;*/
        width: 30%;
        margin-bottom: 15px;
        img{
          width: 100%;
          margin-bottom: 3px;
          border-radius: 3px;
        }
        h3{
          overflow: hidden;
          text-overflow:ellipsis;
          white-space: nowrap;
          font-size: .9rem;
        }
        p{
          font-size: .6rem;
          color: #7c7c7c;
        }
      }
    }
    .cut{
      font-size: .9rem;
      display: flex;
      align-items: center;
      background-color: #efefef;
      justify-content: center;
      width: 46%;
      margin-left: 27%;
      border-radius: 1rem;
      line-height: 1.6rem;
      img{
        width: 1.1rem;
      }
    }
  }
  /*.comic-bar{*/
  /*padding: 5%;*/
  /*background-color: white;*/
  /*.comic-tit{*/
  /*margin: 3% 0;*/
  /*display: flex;*/
  /*justify-content: space-between;*/
  /*align-items: center;*/
  /*p{*/
  /*font-size: 1.1rem;*/
  /*font-weight: bold;*/
  /*white-space: nowrap;*/
  /*}*/
  /*div{*/
  /*display: flex;*/
  /*align-items: center;*/
  /*font-size: .8rem;*/
  /*color: #7c7c7c;*/
  /*.arr{*/
  /*width: 14px;*/
  /*}*/
  /*}*/
  /*}*/
  /*.comic-content{*/
  /*!*border: 1px solid red;*!*/
  /*display: flex;*/
  /*flex-wrap: wrap;*/
  /*justify-content: space-between;*/
  /*div{*/
  /*width: 30%;*/
  /*margin-bottom: 10px;*/
  /*h3{*/
  /*font-size: .8rem;*/
  /*font-weight: bolder;*/
  /*overflow: hidden;*/
  /*text-overflow:ellipsis;*/
  /*white-space: nowrap;*/
  /*}*/
  /*img{*/
  /*width: 100%;*/
  /*border-radius: 3px;*/
  /*}*/
  /*p{*/
  /*overflow: hidden;*/
  /*text-overflow:ellipsis;*/
  /*white-space: nowrap;*/
  /*font-size: .7rem;*/
  /*color: #7c7c7c;*/
  /*}*/
  /*}*/

  /*}*/
  /*}*/
}
